<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>忘记密码</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/forget.css"/>
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.min.js/"></script>
		<script type="text/javascript"src="${pageContext.request.contextPath}/static/js/forget.js"></script>
		<script type="text/javascript">
			function validate(){
				var inputphone = document.getElementById("phone").value;
				 if(inputphone.length<=0)
				{
					alert("请输入手机！");
					return false;
				}
				 if(inputphone.length!=11)
				{
					alert("请输入11位手机号！");
					return false;
				}
			}

		</script>
	</head>
	<body>
		<div class="top">
			<div class="cent ClearFix">
				<div class="top_logo">
					<a href="index.html">
						<h1>畅读小说&nbsp;&nbsp;|&nbsp;&nbsp;重置密码</h1>
					</a>
				</div>
				<div class="top_right">
					<ul>
						<li>请<a href="${pageContext.request.contextPath}/loginAndRegist.jsp" style="color: red;">登录</a>/<a href="${pageContext.request.contextPath}/loginAndRegist.jsp">免费注册</a></li>
					</ul>	
				</div>
			</div>
		</div>
		<div id="big">
            <div class="section_subnav">
                <ul class="subnav_process">
		            <li class="active">
                        <div>
                        	<div class="circle_ut">1</div>
                            <p>填写帐号</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <div class="circle_t">2</div>
                            <p>身份验证</p>
                    </div>
                        <i></i>
                    </li>
                    <li>
                        <div>
                            <div class="circle_ut">3</div>
                            <p>设置新密码</p>
                        </div>
                        <i></i>
                    </li>
                    <li class="last">
                        <div>
                            <div class="circle_ut">4</div>
                            <p>完成</p>
                        </div>
                    </li>
                </ul>
              </div>
		</div>
		<div class="midcent ClearFix">
			<div class="logo_box ClearFix">
				<div class="login_form ClearFix">
					<div class="login_ju ClearFix">
					  <div class="co"> 
                        <div class="form">
                         <form id="forget2_form" method="post"  onsubmit="return validate()" action="<c:url value="/user/forget2"/>" >
                        	<input type="hidden" name="method" value="forget2" />
                        	<input type="hidden" name="username" value="${sessionScope.user.username}"/>
                                <div class="item item1">
                                <h2>身&nbsp;份&nbsp;验&nbsp;证</h2>
                            </div>
                        	<div class="item item1">
                                <input placeholder="请输入手机号码" class="itxt" autocomplete="off" tabindex="4" maxlength="11" name="phone" id="phone" type="text">
                                <span id="phonespan"></span>
                            </div>

                            <div class="item item5">
                                <div class="login-btn">
                                	<input type="submit" value="下&nbsp&nbsp一&nbsp&nbsp步"/>
                                </div>
                            </div>
                        </form>
                        </div>
					   </div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
